@import "./px2vw.scss";
@import "./common.scss";
.record{
    width: vw(650);
    height: vw(980);
   box-shadow: 0px 0px 2px 2px rgba(0,0,0,.3);
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 15%;
    .top{
        position: absolute;
        top: 10%;
    }
    .date{
       position: relative;
       top: 10%;
       padding-left: vw(50);
       display: block;
       float: left;
       color: rgb(0, 117, 193);
       font-size: 18px;
    }
    .triangle{
        width: 0;
        height: 0;
        border-left: vw(20) solid transparent;
        border-right: vw(20) solid transparent;
        border-top: vw(25) solid rgb(0, 117, 193);
        position: relative;
        top: 10%;
        left: 110%;
    }
    .header{
        width: vw(650);
        display: inline-block;
        position: relative;
        top: 15%;
        color: rgb(0, 117, 193);
     
       span{
           margin:0  vw(50);
       padding: vw(20) vw(90);
        display:inline-block;
       margin: 0 auto;
       }
        
    }
   
   .timebox{
    top: 20%;
    position: relative;
    .con{
    width: vw(650);
    display: block;
    margin: 0 auto;
    color: black;
    text-align: center;
        button{
            position: relative;
            right: -2%;
            width: vw(160);
            height: vw(50);
            display:inline-block;
            // font-size: 16px;
            background-color: white;
            margin-top:vw(50);
            margin-left: vw(70);
            border: 2px solid black;
            color: green;
            border-radius: 5px;
           }
           .error{
            position: relative;
            right: -2%;
            width: vw(160);
            height: vw(50);
            display:inline-block;
            font-size: 16px;
            background-color: white;
            margin-top:vw(50);
            margin-left: vw(70);
            border: 2px solid black;
            border-radius: 5px;
            color: red;
           }
           .book{
            position: relative;
            right: -2%;
            width: vw(160);
            height: vw(50);
            display:inline-block;
            background-color: white;
            margin-top:vw(50);
            margin-left: vw(70);
            border: 2px solid black;
            color: green;
            border-radius: 5px;
            
           }
           

    
}
   }

    .tip{
    position:relative;
    top: 30%;
    text-align: left;
    text-indent: 3em;
    padding-right: vw(15);
    padding-left: vw(15);
    p{
        font-size:16px;
      }
  
  }
    .box{
    width: vw(500);
    margin: 0 auto;
    position: relative;
    top: -35%;
    display: none;
    .datetime{
        width: vw(500);
        height: vw(80);
        margin: 0 auto;
        background-color: black;
        position: relative;
        border-radius: vw(10);
        top: 0%;
        border: 1px solid white;
       
        .time{
            color: white;
            float: left;
            padding: vw(15);
        }
        #choose{
          display: block;
          float: right;
          margin-top: vw(20);
          margin-right: vw(20);
      }
       
    }
}
    .pop{
       
        width: vw(540);
        height: vw(700);
        background: rgb(233, 239, 244);
        margin: 0 auto;
        position: absolute;
        top: 20%;
        left:8%;
        border-radius: 5px;
        display: none;
    h3{
        color: red;
        padding-top: vw(60);
    }
    .news{
        font-size: 16px;
        margin-top: vw(50);
    }
    .pop_data{
        font-size: 16px;
        margin-top: vw(50);
        margin-bottom: vw(60);
    }
   .cancel, .confirm{
        width: vw(150);
        height: vw(90);
        border:1px solid rgb(188, 190, 192);
    }


        
    }

}
